/*
 * @Author       : NaN 353362604@qq.com
 * @Date         : 2023-05-09 16:51:14
 * @LastEditTime : 2023-06-12 11:10:09
 * @LastEditors  : NaN 353362604@qq.com
 * @FilePath     : \AdminStration\src\Pages\Front\Common\Template\Scss\QualityScore.scss
 * @Description  : 
 */
.QualityScore001 {
	width: 100%;
	height: 100%;
	padding: 16px;
	& > .Box {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

		& > div:first-child {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 24px;

			& > div:first-child {
				width: 280px;
				margin-right: 70px;

				& > div:first-child {
					width: 100%;
					height: 150px;
					position: relative;
					z-index: 1;
					margin-bottom: 8px;

					& > img {
						width: 100%;
						height: 100%;
						position: absolute;
						z-index: -1;
					}

					& > div {
						width: calc(100% - 24px);
						margin: 0 12px;
						display: flex;
						align-items: center;
						justify-content: center;
						cursor: pointer;

						& > div {
							flex: 1 1;
							margin: 0 2px;
							text-align: center;

							& > div:first-child {
								height: 29px;
								background: rgba(0, 60, 200, 0.2);
								display: flex;
								align-items: center;
								justify-content: center;
								font-size: 16px;
								font-family: YouSheBiaoTiHei;
								font-weight: 400;
							}

							& > div:last-child {
								display: flex;
								align-items: center;
								justify-content: center;
								font-size: 24px;
								font-family: Microsoft YaHei;
								font-weight: bold;
								color: #ffffff;
							}
						}
					}
				}

				& > div:last-child {
					display: flex;
					flex: 1 1;
					align-items: center;
					justify-content: center;
					flex-direction: column;
				}
			}

			& > div:last-child {
				width: 123px;
				// height: 156px;
				height: 200px;
				border: 2px solid rgba(185, 225, 252, 0.2);
				border-radius: 24px;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
				cursor: pointer;

				& > img {
					width: 60px;
					height: 52px;
				}

				& > div:nth-child(2) {
					height: 15px;
					line-height: 15px;
					font-size: 14px;
					font-family: Microsoft YaHei;
					font-weight: 600;
					color: #ffffff;
					margin: 8px 0 16px 0;
				}

				& > div:nth-child(3) {
					font-size: 34px;
					line-height: 34px;
					font-family: Microsoft YaHei;
					font-weight: 600;
					color: #ffffff;
				}
			}
		}
	}
}
